@-webkit-keyframes load {
    0% {
        transform: scaleY(1)
    }

    50% {
        transform: scaleY(.4)
    }

    100% {
        transform: scaleY(1)
    }
}

.load i {
    display: inline-block;
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 0 2px;
    background-color: #333
}

.load i:nth-child(1) {
    -webkit-animation: load 1s ease-in .1s infinite
}

.load i:nth-child(2) {
    -webkit-animation: load 1s ease-in .2s infinite
}

.load i:nth-child(3) {
    -webkit-animation: load 1s ease-in .3s infinite
}

.load i:nth-child(4) {
    -webkit-animation: load 1s ease-in .4s infinite
}

.load i:nth-child(5) {
    -webkit-animation: load 1s ease-in .5s infinite
}

@-webkit-keyframes loading-3 {
    50% {
        transform: scale(.4);
        opacity: .3
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

.load {
    margin-top: 10%;
    text-align: center;
}